<% content_for :title do %>领取优惠劵<% end %>
<header>
    <div class="logo"></div>
</header>
<div class="wrap">
    <div class="main">
        <ul>
          <% if @coupon_list.any?  %>
            <% @coupon_list.each do |_item| %>
              <li class="clear_fix">
                  <div class="title clear_fix">
                      <div class="pos_yuan"></div>
                      <%= image_tag _item.try(:url), style: 'height:100%;width:100%' %>
                  </div>
                  <div class="msg">
                      <p class="a1"><i></i>使用对象：<%= _item.try(:purpose) %></p>
                      <p class="a2"><i></i>使用时间：即日起至<%= _item.try(:end_date) %></p>
                  </div>
                  <%= link_to '立即领取', add_coupon_path(id: _item.id) , remote: true, method: :post ,id: dom_id(_item) %>
              </li>
              <% end %>
            <% end %>
            <!--
            <li class="clear_fix">
                <div class="title clear_fix" style="background: #eb6877">
                    <div class="pos_yuan"></div>
                    <%=image_tag('item.jpg', size: "85x57") %>
                    <p>自营吸尘扫地机清洁机部分商品</p>
                </div>
                <div class="msg">
                    <p class="a1"><i></i>使用对象：满188元即可使用</p>
                    <p class="a2"><i></i>使用时间：即日起至2016年11月10日</p>
                </div>
                <button onclick="showModel()">立即领取</button>
            </li>
            <li class="clear_fix">
                <div class="title clear_fix" style="background: #73c3ea">
                    <div class="pos_yuan"></div>
                    <%=image_tag('item.jpg', size: "85x57") %>
                    <p>自营吸尘扫地机清洁机部分商品</p>
                </div>
                <div class="msg">
                    <p class="a1"><i></i>使用对象：满188元即可使用</p>
                    <p class="a2"><i></i>使用时间：即日起至2016年11月10日</p>
                </div>
                <button onclick="showModel()">立即领取</button>
            </li>
            <li class="clear_fix">
                <div class="title clear_fix" style="background: #bfbfbf">
                    <div class="pos_yuan"></div>
                    <%=image_tag('item.jpg', size: "85x57") %>
                    <p>自营吸尘扫地机清洁机部分商品</p>
                </div>
                <div class="msg">
                    <p class="a1"><i></i>使用对象：满188元即可使用</p>
                    <p class="a2"><i></i>使用时间：即日起至2016年11月10日</p>
                </div>
                <div class="receive-nouse"></div>
            </li>
          -->
        </ul>
    </div>
    <div style="height:30px"></div>
</div>

<div class="model" style="display: none" onclick="closeModel()">
    <div class="vipcode">
        <%=image_tag('success.png', size: "80x60",style: 'margin-top:40px;') %>
        <p style="margin-top: 30px;">领取成功!</p>
        <div class="pos_bottom">
            <button onclick="closeModel()">确定</button>
        </div>
    </div>
</div>


<script>
    function showModel() {
        $(".model").fadeIn()
    }
    function closeModel() {
        $(".model").hide()
    }
</script>
